"use client"; // 标记为 Client Component

import Image from "next/image"
import { useRouter } from "next/navigation"; /// 如果使用 Next.js

export default function Footer() {
  const router = useRouter(); 
  const router1 = useRouter(); 
  // 处理点击事件 关于我们跳转点击时间
  const handleClick = () => {
    // 跳转到指定页面
    router.push("/guanyuwomen"); 
    //  window.location.href 跳转到外部链接
    // window.location.href = "https://example.com";
  };

  const handleClick1 = () => {
    // 跳转到指定页面
    router1.push("/lianxiwomen"); 
    //  window.location.href 跳转到外部链接
    // window.location.href = "https://example.com";
  };
  return (
    <footer className="bg-red-600  text-white py-8">
      <div className="container mx-auto px-4">
        <div className="flex flex-col md:flex-row justify-between items-center border-b border-white/20 pb-8 mb-8">
          {/* <div className="text-center md:text-left mb-4 md:mb-0"> */}
          <div className="text-center md:text-left cursor-pointer  w-full max-w-xl mx-left" // 设置小手图标
      onClick={handleClick}>
            <p className="font-bold text-lg mb-4">关于我们</p>
            <p className="mb-4 whitespace-normal break-words leading-8">
              中税师（北京）税务咨询中心，
              是一家长期专注于税务培训、税务业务书籍/税务培训教材出版
              发行等业务的集体企业。以下业务：税务服务……[详细]</p>
          </div>
         
          {/* <div className="text-center md:text-left cursor-pointer" // 设置小手图标
      onClick={handleClick}> */}
      <div className="text-center md:text-left cursor-pointer" // 设置小手图标
      onClick={handleClick1}>
            <p className="font-bold text-lg mb-3 ">联系我们</p>
            <p className="mb-3">主办单位：人力资源和社会保障部社会保障能力建设中心</p>
            <p className="mb-3">承办单位：中税师(北京)税务咨询中心</p>
            <p className="mb-3">热线电话：010-68814900/010-68802320</p>
            {/* <p>承办单位：中税师(北京)税务咨询中心</p> */}
          </div>
        </div>
        <div className="flex justify-center">
          <div className="flex items-center space-x-4">
            <div className="relative w-[50px] h-[50px] rounded-full">
              <Image
                src="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IMG_1736.PNG-Tli6okGGMLEMcfkjJVvsoULiHrIE1t.png"
                alt="网络主播合规网 Logo"
                fill
                className="object-contain"
              />
            </div>
            <div className="text-center">
              <p className="font-bold mb-2">网络主播合规网版权所有 转载请注明来源</p>
              <p className="font-bold mb-2">版权所有 Copyright© 网络主播合规网 京ICP备2024047905号-3</p>
              <p className="font-bold mb-2">本网站违法和不良信息举报电话:010-68814900/010-68802320</p>
              {/* <p className="text-sm">contact us</p> */}
            </div>
            <div className="ml-4">
              {/* <p>联系电话：13701099666</p> */}
              {/* <p className="text-sm">中税师（北京）税务咨询中心</p> */}
            </div>
          </div>
        </div>
      </div>
    </footer>
  )
}

